<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人资料</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/personal-data.css">
</head>

<body>
    <div class="personal">
        <header class="p-head">
            <a href="javascript:;" class="callback"></a>
            <h2 class="p-title">个人资料</h2>
        </header>
        <div class="content">
            <form action="">
                <div class="essential-information">
                    <div class="essential">
                        <i class="essential-pic"></i>
                        <h3 class="essen-info">基本信息</h3>
                    </div>
                    <div>
                        <p class="row">
                            <span class="row-title">真实姓名：</span>
                            <input type="text" class="name">
                        </p>
                        <p class="row">
                            <span class="row-title">性别：</span>
                            <!-- <input type="radio" name="sex" class="sex p-color" checked>
                            <input type="radio" name="sex" class="sex" style="margin-left:.16rem">
                            <span class="nan tong p-nan">男</span>
                            <span class="nv tong">女</span> -->
                            <label for="man" class="radio">
                                <span class="radio-bg"></span>
                                <input type="radio" name="sex" id="man" value="男" checked="checked" /> 男
                                <span class="radio-on"></span>
                            </label>
                            <label for="woman" class="radio">
                                <span class="radio-bg"></span>
                                <input type="radio" name="sex" id="woman" value="女" /> 女
                                <span class="radio-on"></span>
                            </label>
                        </p>
                        <p class="row">
                            <span class="row-title">出生日期：</span>
                            <input type="text" class="name" style="width:3rem">
                        </p>
                        <p class="row">
                            <span class="row-title">现居住地：</span>
                            <select name="" id="">
                                <option>河南</option>
                                <option>山西</option>
                                <option>天津</option>
                                <option>上海</option>
                                <option>云南</option>
                                <option>山东</option>
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                                <option>开封</option>
                                <option>天津</option>
                                <option>上海</option>
                                <option>大理</option>
                                <option>太原</option>
                                <option>潍坊</option>
                            </select>
                        </p>
                        <p class="row">
                            <span class="row-title">联系方式：</span>
                            <input type="text" class="name" style="width:3rem">
                        </p>
                        <p class="row">
                            <span class="row-title">故乡：</span>
                            <select name="" id="">
                                <option>河南</option>
                                <option>山西</option>
                                <option>天津</option>
                                <option>上海</option>
                                <option>云南</option>
                                <option>山东</option>
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                                <option>洛阳</option>
                                <option>天津</option>
                                <option>上海</option>
                                <option>大理</option>
                                <option>太原</option>
                                <option>潍坊</option>
                            </select>
                        </p>
                    </div>
                </div>
                <div class="school-information">
                    <div class="essential">
                        <i class="school-pic"></i>
                        <h3 class="essen-info">学校信息</h3>
                    </div>
                    <div>
                        <p class="row">
                            <span class="row-title">大学：</span>
                            <select name="" id="" class="school-info">
                                    <option>河南大学</option>
                                    <option>山西大学</option>
                                    <option>天津大学</option>
                                    <option>上海大学</option>
                                    <option>云南大学</option>
                                    <option>山东大学</option>
                                </select>
                            <select name="" id="" style="margin-left:.16rem">
                                    <option>开封</option>
                                    <option>天津</option>
                                    <option>上海</option>
                                    <option>大理</option>
                                    <option>太原</option>
                                    <option>潍坊</option>
                                </select>
                        </p>
                        <p class="row">
                            <span class="row-title">院系专业：</span>
                            <select name="" id="" class="school-info">
                                <option>电子信息工程学院</option>
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                                <option>电子应用技术</option>
                            </select>
                        </p>
                    </div>
                    <div class="essential">
                        <h3 class="uver">添加大学信息</h3>
                    </div>
                    <div>
                        <p class="row">
                            <span class="row-title">大学：</span>
                            <select name="" id="" class="school-info">
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                                <option>2014年</option>
                            </select>
                        </p>
                        <p class="row">
                            <span class="row-title">院系专业：</span>
                            <select name="" id="" class="school-info">
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                            </select>
                        </p>
                        <p class="row">
                            <span class="row-title">初中：</span>
                            <select name="" id="" class="school-info">
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                                <option>2014年</option>
                            </select>
                        </p>
                        <p class="row">
                            <span class="row-title">高中：</span>
                            <select name="" id="" class="school-info">
                            </select>
                            <select name="" id="" style="margin-left:.16rem">
                            </select>
                        </p>
                    </div>
                </div>
                <button class="p-btn">保存</button>
            </form>
        </div>

    </div>
    <script src="./js/zepto.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>